<template>
	<uv-checkbox-group :value="value" @update:value="updateValue" :disabled="readonly">
		<uv-checkbox class="mar10" activeColor="#fb5f46" iconColor="#fff" v-for="(item, index) in field.option"
			:key="index" :label="item.label" :name="item.value" />
	</uv-checkbox-group>
</template>

<script>
	export default {
		props: {
			value: String,
			field: Object,
			readonly: Boolean,
		},
		methods: {
			updateValue(newValue) {
				this.$emit('update:value', newValue);
			},
		},
	};
</script>